<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="favicon.ico">
    <!-- 引入初始化样式表 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共样式表 -->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/shopCart.css">
    <link rel="stylesheet" href="css/details.css">
    <link rel="stylesheet" href="css/register.css">
	<script src="./js/jquery.min.js"></script>
	<script src="./js/shopCart.js"></script>
</head>
<body>
	<!-- 快捷导航模块 -->
    <section class="shortcut">
        <div class="w">
            <div class="zuo">
                <ul>
                    <li>体网购物欢迎你！&nbsp;&nbsp;&nbsp;</li>
                    <li>
                        <a href="../Sports shoping/login.html">请登录</a>&nbsp;<a href="../Sports shoping/register.html" class="a_2" target="_blank">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="you">
                <ul>
                    <li><a href="../Sports shoping/index.html">体网首页</a></li>
                    <li></li>
                    <li><a href="./shopCart.html">我的订单</a></li>
                    <li></li>
                    <li>我的会员</li>
                    <li></li>
                    <li class="arrow-icon">企业采购</li>
                    <li></li>
                    <li class="arrow-icon">客户服务</li>
                    <li></li>
                    <li class="arrow-icon">网站导航</li>
                </ul>
            </div>
        </div>
    </section>
    <div class="w">
        <div class="header_top">
            <div class="top_zuo">
                <ul>
                    <li><a href="#">新品尝鲜</a></li>
                    <li><a href="#">男子</a></li>
                    <li><a href="#">女子</a></li>
                    <li><a href="#">儿童</a></li>
                    <li><a href="#">专属定制</a></li>
                    <li><a href="#">夏日特辑</a></li>
                </ul>
            </div>
            <div class="top_you">
                <div class="sosuo">
                    <input type="text" class="search-input" name="search" autocomplete="off" data-var="vsInput" tabindex="0" placeholder="搜索" aria-label="搜索产品" role="combobox" aria-controls="VisualSearchSuggestionsList" aria-owns="VisualSearchSuggestionsList" aria-expanded="false">
                    <button class="sousuo_bt">
                        <svg class="pre-search-input-icon" fill="#111" height="30px" width="30px" viewBox="0 0 24 24"><path d="M21.71 20.29L18 16.61A9 9 0 1 0 16.61 18l3.68 3.68a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.39zM11 18a7 7 0 1 1 7-7 7 7 0 0 1-7 7z"></path></svg>
                    </button>
                </div>
            </div>
            <div class="shoucang-gouwuche">
                <div class="shoucang"><a href="#"><svg width="24px" height="24px" fill="#111" viewBox="0 0 24 24"><path d="M21.11 4a6.6 6.6 0 0 0-4.79-1.92A6.27 6.27 0 0 0 12 3.84 6.57 6.57 0 0 0 2.89 4c-2.8 2.68-2.45 7.3.88 10.76l6.84 6.63A2 2 0 0 0 12 22a2 2 0 0 0 1.37-.54l.2-.19.61-.57c.6-.57 1.42-1.37 2.49-2.41l2.44-2.39 1.09-1.07c3.38-3.55 3.8-8.1.91-10.83zm-2.35 9.4l-.25.24-.8.79-2.44 2.39c-1 1-1.84 1.79-2.44 2.36L12 20l-6.83-6.68c-2.56-2.66-2.86-6-.88-7.92a4.52 4.52 0 0 1 6.4 0l.09.08a2.12 2.12 0 0 1 .32.3l.9.94.9-.94.28-.27.11-.09a4.52 4.52 0 0 1 6.43 0c1.97 1.9 1.67 5.25-.96 7.98z"></path></svg></a></div>
                <div class="gouwuche"><a href="#"><svg width="24px" height="24px" fill="#111" viewBox="0 0 24 24"><path d="M16 7a1 1 0 0 1-1-1V3H9v3a1 1 0 0 1-2 0V3a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v3a1 1 0 0 1-1 1z"></path><path d="M20 5H4a2 2 0 0 0-2 2v13a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a2 2 0 0 0-2-2zm0 15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7h16z"></path></svg></a></div>
            </div>
        </div>
    </div>

	<!-- 购物车主体页面 -->
	<div class="main clearfix">
		<div class="w">
			<h2>全部商品  <span>2</span></h2>
			<div class="sellhd">
				<ul>
					<li><input type="checkbox" name="" id="" class="checkall">全选</li>
					<li>商品</li>
					<li>单价(元)</li>
					<li>数量</li>
					<li>小计(元)</li>
					<li>操作</li>
				</ul>
			</div>

			<div class="box">
				<div class="boxbd">
					<ul>
						<li class="short">
							<ul>
								<li>
									<input type="checkbox"  class="j-checkbox">
									<img src="upload/shopCart/shopCart_1_1_3.png" alt="">
								</li>
								<li class="sho-pro">
									<p>Kyrie 7 EP 男子篮球鞋 <br>黑/活力水鸭青/透明粉/金属金<br></p>
									<i></i><span>购买礼品包装</span>
								</li>
								<li class="p-price">¥799
								</li>
									<li></li>
								<li class="p-num">
									<div class="youhuo">
										<button class="yh1">-</button>
										<div class="yh2">1</div>
										<button class="yh3">+</button>
									</div>
									<div class="youhuo">有货</div>
								</li>
								<li class="p-sum">799.00</li>
								<li>
									<a href="#">删除</a> <br>
									<a href="#">移到我的关注</a>
								</li>
							</ul>
						</li>
						<li class="short">
							<ul>
								<li>
									<input type="checkbox"  class="j-checkbox">
									<img src="upload/shopCart/shopCart_1_1_4.png" alt="">
								</li>
								<li class="sho-pro">
									<p>Kyrie 7 EP 男子篮球鞋 <br>黑/活力水鸭青/透明粉/金属金<br></p>
									<i></i><span>购买礼品包装</span>
								</li>
								<li class="p-price">¥999
								</li>
									<li></li>
								<li class="p-num">
									<div class="youhuo">
										<button class="yh1">-</button>
										<div class="yh2">1</div>
										<button class="yh3">+</button>
									</div>
									<div class="youhuo">有货</div>
								</li>
								<li class="p-sum">999.00</li>
								<li>
									<a href="#">删除</a> <br>
									<a href="#">移到我的关注</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>

			<!-- <div class="box">
				<div class="boxhd">
					<input type="checkbox">
					神州数码专营店
				</div>

				<div class="boxbd">
					<ul>
						<li class="short special">
							<ul>
								<li>
									<input type="checkbox">
									<img src="img/setimg/05.gif" alt="">
								</li>
								<li class="sho-pro">
									<p>DELL 戴尔Ins 15MR-75 28SS15英寸<br>银色(Corei5) 处理器/8GB内存<br></p>
									<i></i><span>购买礼品包装</span>
								</li>
								<li>
									颜色:银色<br> 尺寸:13.3英寸
								</li>
								<li>8488.00</li>
								<li>
									<div class="youhuo">
										<div class="yh1">-</div>
										<div class="yh2">1</div>
										<div class="yh3">+</div>
									</div>
									<div class="youhuo">有货</div>
								</li>
								<li>8488.00</li>
								<li>
									<a href="#">删除</a> <br>
									<a href="#">移到我的关注</a>
								</li>
								<li class="shotop">
									<h4>换购</h4>
									<span>活动商品购满2888.00元,即可加价换购商品1件 ></span>
									<a href="#" class="shotop-a">查看换购品</a>
									<a href="#">去凑单 ></a>
								</li>
								<li>
									<p>[赠品]圣迪威(Sendio)MacBook13.3寸屏幕保...x1</p>
									<p>[赠品]圣迪威(Sendio)MacBook13.3清洁套装...x1</p>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div> -->


			<div class="lastset">
				<div class="lastset-l fl">
					<input type="checkbox" class="checkall">全选  
					<a href="#">删除选中商品</a>
					<a href="#">移到我的关注</a>
					<a href="#">清除下柜商品</a>
				</div>
				<div class="lastset-r fr">
					<a href="./checkout.html">结算</a>
				</div>
				<div class="lastset-m fr">
					<p>已选择0件商品 总价(不含运费) : <em>￥16283.00</em></p>
					<p>已节省: -￥20.00</p>
				</div>
			</div>

			
	    </div>
    </div>

	<!-- footer底部模块制作 -->
    <div class="footer">
        <div class="w">
            <div class="mod_service"> <!-- mod_service是服务模块意思 -->
                <ul>
                    <li>
                        <img src="../Sports shoping/images/logo-footer.png">
                    </li>
                    <li>
                        <p><a href="#">登录/注册</a></p>
                        <p><a href="#">说出你想要的</a></p>
                        <p><a href="#">门店位置</a></p>
                        <p><a href="#">帮助</a></p>
                    </li>
                    <li>
                        <p>扫码关注官方微信</p>
                        <a href="#"><img src="../Sports shoping/images/footer-weixin.jpg"></a>
                    </li>
                    <li> 
                        <p>联系我们</p>
                        <p>
                            <i class="icon-footer-mail"></i>
                            <a href="#">service@nbastore.cn</a>
                        </p>
                        <p>
                            <i class="icon-footer-telephone"></i>
                            400-0066-802（9:00 – 22:00）
                        </p>
                        <p>
                            <i class="icon-footer-service"></i>
                            <a href="#">在线客服（9:00 – 22:00）</a>
                        </p>
                        <p>
                            <i class="icon-footer-weibo"></i>
                            <a href="#">SPORTSSTORE官方微博</a>
                        </p>
                    </li>
                </ul>
            </div>
            <div class="mod_copyright">
                    <div class="links">
                        <a href="#">关于我们</a> | <a href="#">联系我们</a> | <a href="#">联系客服</a> | <a href="#">商家入驻</a> | <a href="#">营销中心</a> | <a href="#">手机品体网</a> | <a href="#">友情链接</a> | <a href="#">销售联盟</a> | <a href="#">体网社区</a> | <a href="#">体网公益</a> | <a href="#">English Site</a> | <a href="#">Contact U</a>
                    </div>
                    <div class="copyright">
                        地址：河南省信阳市新县 邮编：465558 电话：400-618-4000 传真：010-82935100 邮箱: 1358933846@qq.com
京ICP备08001421号京公网安备110108007702
                    </div>

            </div>
        </div>
    </div>
</body>
</html>
